<html>
	<head>
		<title>Conway's Game Of Life</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="../common/micromodal.css" />
		<link rel="stylesheet" type="text/css" href="../common/index.css" />
		<script src="../common/tweakpane-3.1.1.min.js"></script>
		<script src="../common/micromodal.min.js"></script>
		<script src="../common/canvas-capture.min.js"></script>
		<script src="../../dist/gpu-io.min.js"></script>
	</head>
	<body>
		<div class="modal micromodal-slide" id="modal-1" aria-hidden="true">
			<div class="modal__overlay" tabindex="-1" data-micromodal-close>
			  <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-1-title">
				<header class="modal__header">
				  <h2 class="modal__title" id="modal-1-title">
					Threejs
				  </h2>
				  <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
				</header>
				<main class="modal__content" id="modal-1-content">
				  <p>
					This is a WebGL fragment shader implementation of the 1-bit cellular automaton <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Conway's Game of Life</a>, written by <a href="https://amandaghassaei.com/">Amanda Ghassaei</a>.
				  </p>
				  <p>
					Instructions: Touch/drag to add new pixels.
					Change the birth and survival rules in the menu to control the dynamics of the system.
					Press "v" to record a video.
				  </p>
				  <p>
					This page is part of a series of examples using <a href="https://apps.amandaghassaei.com/gpu-io/examples/">gpu-io</a>, a GPU-accelerated computing library for physics simulations and other mathematical calculations.
					Find the source code on <a id="sourceCode" href="https://github.com/amandaghassaei/gpu-io/tree/main/examples/gol">Github</a>.
				  </p>
				</main>
			  </div>
			</div>
		  </div>
	</body>
	<script src="./index.js"></script>
	<script src="../common/wrapper.js"></script>
</html>